<%@ page language="java" contentType="text/html; charset=utf-8"
    pageEncoding="utf-8" isELIgnored="false" %>
<%@ include file="/views/common/resources.jsp" %>  
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions"%> 
<%@taglib uri="http://java.sun.com/jsp/jstl/fmt" prefix="fmt"%>

<%
    String path = request.getContextPath();
    String basePath = request.getScheme() + "://"+ request.getServerName() + ":" + request.getServerPort()+ path + "/";
%>      
<!DOCTYPE html>
<html>
<head>
 
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <link href="<%=basePath %>resources/js/common/plugin/My97DatePicker/skin/WdatePicker.css" rel="stylesheet">
	<link href="<%=basePath %>resources/css/common.css" rel="stylesheet">
    <link href="<%=basePath %>resources/css/style.css" rel="stylesheet">
    <link href="<%=basePath %>resources/css/report.css" rel="stylesheet">
    <script src="<%=basePath %>resources/js/common/plugin/echarts/echarts.min.js"></script>
    <script src="<%=basePath %>resources/js/common/plugin/My97DatePicker/WdatePicker.js"></script>
    
    <script type="text/javascript" src="http://webapi.amap.com/maps?v=1.3&key=d782d52560e7b77e0d764b1496c60dde"></script>
    <script src="//webapi.amap.com/ui/1.0/main.js?v=1.0.10"></script>
    
<title>旅游车进出重点区域统计</title>
<style>
	.night-chart-list{
		height:300px;
	}
	.night-chart-bar{
		width:100%;height:100%;/* border-right: 1px dashed #dfdddd; */
	}
	#chosecar,#choseenterpirse,#queryBtn{
		margin-right:15px;
	}
	#chose,#selectVehicleUnitSel{
		border-color:#dedede;
		
	}
</style>
</head>
<script type="text/javascript">
var appCtx="<%=basePath%>";

</script>
<body class="driving">
<div class="page">
	<div class="slider pa clearfix">
        <%@ include file="/views/common/menu.jsp" %> 
    </div>
    <div class="main ">
        <%@ include file="/views/common/top.jsp" %>
        <div class="content pr" style='margin-top:10px'>
            <div class="query clearfix" >
            	<div  class="query-list fl"  style="margin-right:15px">
            		 <select class="query-select"  style="width:150px;" id="chose" onchange="chose()"  >
                     		<option  value="1" style="margin-top:3px;" >业户查询</option>
                     		<option  value="0" style="margin-top:3px;" >车辆查询</option>
                     </select>
                 </div>
                 <div class="query-list fl" id="UnitSel"   style="display:none" >
                    <!-- <label class="query-label fl">车辆:</label> -->
                     <select class="query-select" id="selectVehicleUnitSel" style="width:150px;">
                     </select>
                </div>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                <div class="query-list fl"  id="vehicleSelDiv">
                   <!-- <label class="query-label fl">企业:</label> -->
					 <select class="query-select" id="selectVehicleSel" style="width:150px;">
                     </select>
                </div>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                <div class="query-list fl" style="margin-right:80px;" >
                    <!-- <label class="query-label fl">时间:</label> -->
                    <input type="text" id="inputStartDate" class="query-input fl Wdate Time_input" onclick="WdatePicker({dateFmt:'yyyy-MM-dd',maxDate:'%y-%M-{%d-1}'})">
                    <span class="query-text fl">至</span>
                    <input type="text" id="inputEndDate" class="query-input Wdate Time_input" onclick="WdatePicker({dateFmt:'yyyy-MM-dd',maxDate:'%y-%M-{%d-1}'})" >
                </div>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                <a class="query-btn query-require db fl" href="javascript:;" title="查询"  onclick="RegionalStatistics.queryBarChart()">查询</a>&nbsp;&nbsp;
                <a class="query-btn query-export db fl" href="javascript:;" title="导出" id="exportExcel">导出</a>
            </div>
            
            <div class="chart row-fluid " style="margin-top:10px;">
                <div class="span6 night-chart-list chart-bar " style='width:50%'>
                
                <div class="title-name" style="padding-left: 0px;margin-bottom: 0px;margin-top: 10px;"><p>重点区域车辆统计</p></div>
                	<div id="barChart" class="night-chart-bar" ></div>
                </div>
                <div class="span5 night-chart-list " id="" style='width:48%;margin-left:2%'>
                <div class="title-name" style="padding-left: 0px;margin-bottom: 0px;margin-top: 10px;"><p>业户重点区域车辆统计</p></div>
                <div id="pieChart" class="night-chart-bar"></div>
                </div>
            </div>
            <div class="chart row-fluid top_style"  style="margin-top: 20px;">
                <div class="span6 night-chart-list chart-line " id="chartMillage2" style='width:50%'>
                <div class="title-name" style="padding-left: 0px;margin-bottom: 10px;margin-top: 20px;"><p>重点区域车辆明细</p></div>
		            <div class="detail-report" style="margin-top:20px;">
		                <table id="objTable"></table>
            		</div>
                </div>
                 
                <div class="span6 chart-list chart-bar pr " id="chartDriving2" style='width:48%;margin-left:2%'>
                <div class="title-name" style="padding-left: 0px;margin-bottom: 10px;margin-top: 20px;"><p>重点区域车辆轨迹</p></div>
                	<div id="mymap" style="margin-top: 20px;width:100%;height:93%;border:1px solid #d0d0d0"></div>
                </div>
            </div>
        </div>
    </div>
</div>
	<div id="exportModal" class="modal hide fade in" data-backdrop="static" style="left: 51%; width: 600px; top: 52%; margin-top: -89.5px; display: none;" aria-hidden="false" tabindex="-1">
		<div class="modal-header">
			<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
			<h4 id="exportTitle">导出从业人员信息</h4>
		</div>
		<div class="modal-body" style="font-size: 13px;vertical-align: middle; text-align: center;">
			<span>页数:</span>
			<input class="input-medium" id="StartPageIndex" type="number" value="1"><span>&nbsp;到&nbsp;</span>
			<input class="input-medium" id="EndPageIndex" type="number">
		</div>
		<div class="modal-footer">
		     <button class="btn " data-dismiss="modal" aria-hidden="true">关闭</button>
		     <button class="btn btn-ecColor" onclick="RegionalStatistics.exportExcel()" >导出</button> 
	    </div>
	</div>
<script src="${basePath}resources/js/common/main/HashMap.js"></script>
<script src="<%=basePath %>resources/js/common/main/global.js"></script>
<script src="<%=basePath %>resources/js/common/main/nav.js"></script>
<script src="<%=basePath %>resources/js/common/main/mapToop.js"></script>
<script src="<%=basePath %>resources/js/common/main/base64.js"></script>
<script src="<%=basePath %>resources/js/common/util/common.js"></script>
<script src="<%=basePath %>resources/js/business/report/regionalstatistics.js"></script>
</body>
</html>